<template>
	<view class='common-title'>
		<view class="title">
			{{props.title || '默认标题'}}
		</view>
		<view class="icon">
			<slot name="right"></slot>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { DefineProps } from 'vue';
	const props = defineProps<{title: string}>()

</script>

<style scoped lang="scss">
.common-title {
	display: flex;
	margin-top: 40rpx;;
	justify-content: space-between;
	// padding: 0 20rpx;
	align-items: center;
	.icon {
		color: $brand-theme-color;
	}
}
</style>